<template>
  <div>
    <h1>login</h1>
    <h1>{{ store.count }}</h1>
    <el-button type="success" @click="store.increment()">123</el-button>

    <h1> 测试 vueUse 的鼠标坐标 </h1>
   <el-button type="success" @click="getMouse">获取鼠标位置</el-button>

  </div>
</template>

<script setup lang="ts">
import { useCounterStore } from '@/stores/appStore.ts'
import RequestHttp from '@/api';
import { onMounted } from 'vue';
// import { useMouse } from '@vueuse/core';


onMounted(()=>{
  const p = RequestHttp.get("https://www.fastmock.site/mock/865699a5677e5d30bd086cb31e63c704/event/data/test");
  p.then(data=> console.log(data))
})

const getMouse = ()=>{
  // useMouse()
}
const store = useCounterStore()


</script>

<style scoped lang="scss">
*{
  color: $primary-color;
}
</style>